📝 Description

🔗 Related Issue

Closes #(issue number)

🧪 Type of Change

• 🐛 Bug fix (non-breaking change which fixes an issue)
• ✨ New feature (non-breaking change which adds functionality)
• 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
• 📚 Documentation update
• 🎨 Style/design update
• 🔧 Build/CI update
• ♻️ Refactoring (no functional changes)
• 🧪 Tests only

🧪 Testing

• Unit tests pass (yarn test)
• Storybook builds successfully (yarn storybook)
• Manual testing completed
• Cross-browser testing (if applicable)

Test Instructions:

♿ Accessibility

• Follows WCAG 2.1 AA guidelines
• Keyboard navigation tested
• Screen reader tested
• Color contrast verified
• Focus indicators present
• ARIA attributes added where needed

📱 Responsive Design

• Mobile responsive
• Tablet responsive
• Desktop responsive
• All breakpoints tested

📚 Documentation

• Storybook story added/updated
• Component props documented
• Usage examples provided
• README updated (if needed)
• TypeScript types exported

🔄 Breaking Changes

• This PR introduces breaking changes
• Migration guide provided (if breaking changes)
• Version bump required

📋 Checklist

• Code follows the project's style guidelines
• Self-review of code completed
• Code is commented where necessary
• No console.log statements left in code
• Build passes locally
• Tests added for new functionality
• Existing tests still pass
• No TypeScript errors
• No accessibility violations
• PR title follows conventional commit format

📸 Screenshots

Before

After

🔍 Additional Notes

For Maintainers:

• Ready for review
• Requires design review
• Requires accessibility review
• Ready to merge